<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>所有歌手</title>
    <link th:href="@{/static/L-css/L-allSingers.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/static/L-img/font_2533053_iojhpwhxp0b/iconfont.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/static/L-img/font_2550907_osj83i90mhl/iconfont.css}" rel="stylesheet" type="text/css">
    <link rel="shortcut icon"  th:href="@{/static/L-img/L-image/L-logo.png}">
</head>
<body>
    <div class="all">
        <!--头部导航栏-->
        <div class="header">
            <div class="kMusic">
                <img th:src="@{/static/L-img/L-image/future1.jpg}"/>
            </div>
            <ul class="manya">
                <li><a th:href="@{/}">发现音乐</a></li>
                <li><a class="vipBtn">VIP会员</a></li>
                <li><a class="myMusic">我的音乐</a></li>
            </ul>
            <!-- 搜索和登录注册 -->
            <div class="right">
                <div class="headCenter">
                    <div class="headCenterSearch">
                        <form th:action="@{/music/queryByNameMusic}" method="get" class="seekForm" id="seekGoodsForm">
                            <input id="goSearch" autocomplete="off" type="text" name="queryMusicName" placeholder="搜索歌手/歌单/MV/歌词" />
                            <input type="submit" id="actSearch" value="搜索"/>
                        </form>
                    </div>
                </div>
                <div class="login">
                    <a th:href="@{/loginpage}">登录</a>
                </div>
                <div class="persons" >
                    <span>欢迎</span>
                    <block th:if="${session.USER}!=null">
                        <span class="userName" th:text="${session.USER.userName}">用户名</span>
                    </block>
                    <span class="out">退出登录</span>
                </div>
            </div>
        </div>
        <!--    退出登录的代码-->
        <div class="hideLogOut">
            <div class="hideLogOutContent">
                <h2 class="chooseLogOut">是否退出登录</h2>
                <div class="logOutBtn">
                    <button class="logOutNoBtn">取 消</button>
                    <button class="logOutYesBtn">确 认</button>
                </div>
            </div>
        </div>
        <!--        推荐  歌手 那一行的导航栏-->
        <div class="subject">
            <div class="recomment">
                <ul>
                    <li ><a th:href="@{/}">推荐</a></li>
                    <li><a href="javascript:;">排行吧榜</a></li>
                    <li class="refer"><a th:href="@{/music/queryAllSinger}">歌手</a></li>
                    <li><a th:href="@{/music/allMusic}">歌单</a></li>
                    <li><a th:href="@{/toMvpaper}">MV</a></li>
                </ul>
            </div>
        </div>

        <!--            歌手对应的专辑照片-->
        <div class="singerPhoto" >
            <h2>歌手</h2>
            <div class="singers">
                <div class="firstSings" >
                    <ul class="jay">
                        <li th:each="b:${Singers}">
<!--                            th:href="@{/music/queryall(userId=${c.userId})}"-->
                            <a th:href="@{/music/queryall(userId=${b.userId})}">
                                <img th:src="${b.userImgload}" />
                                <div class="nameMask">
                                    <p th:text="${b.userName}"></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 下边的小黑窗 -->
        <div class="black">
            <ul class="logo">
                <li><a href="javascript:;">用户服务协议</a></li>
                <li>隐私政策</li>
                <li>权利声明</li>
                <li>联系我们</li>
                <li>广告服务</li>
            </ul>
        </div>
        <div class="foot">
            <p>抛开忙碌，远离喧嚣，进入这里，你会发现生活是多么的缤纷多彩 欢迎加入我们</p>
            <p>Copyright © 2001 - 2021 Tencent. All Rights Reserved.</p>
            <p>未来公司 版权所有 QQ:911662779</p>
        </div>
    </div>
</body>
<script th:src="@{/static/L-js/L-singer.js}" rel="script" type="text/javascript"></script>
</html>